// .tags-view-container {
//   height: 50px;
//   width: 100%;
//   min-width: $main-mini-width;
//   background: #fff;
//   border-bottom: 1px solid #d8dce5;
//   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04);
//   .tags-view-wrapper {
//     .tags-view-item {
//       display: inline-block;
//       position: relative;
//       cursor: pointer;
//       height: 42px;
//       line-height: 42px;
//       border: 1px solid #d8dce5;
//       color: #495060;
//       background: #fff;
//       padding: 0 8px;
//       font-size: 14px;
//       margin-left: 5px;
//       margin-top: 4px;
//       &:first-of-type {
//         margin-left: 20px;
//       }
//       &:last-of-type {
//         margin-right: 20px;
//       }
//       &.active {
//         background-color: #42b983;
//         color: #fff;
//         border-color: #42b983;
//         &::before {
//           content: '';
//           background: #fff;
//           display: inline-block;
//           width: 8px;
//           height: 8px;
//           border-radius: 50%;
//           position: relative;
//           margin-right: 2px;
//         }
//       }
//     }
//   }
//   .contextmenu {
//     margin: 0;
//     background: #fff;
//     z-index: 3000;
//     position: absolute;
//     list-style-type: none;
//     padding: 5px 0;
//     border-radius: 4px;
//     font-size: 14px;
//     font-weight: 400;
//     color: #333;
//     box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
//     li {
//       margin: 0;
//       padding: 7px 16px;
//       cursor: pointer;
//       &:hover {
//         background: #eee;
//       }
//     }
//   }
// }

// //reset element css of el-icon-close
// .tags-view-wrapper {
//   .tags-view-item {
//     .el-icon-close {
//       font-size: 13px;
//       width: 16px;
//       height: 16px;
//       // vertical-align: 2px;
//       border-radius: 50%;
//       text-align: center;
//       transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
//       transform-origin: 100% 50%;
//       &:before {
//         // transform: scale(0.6);
//         display: inline-block;
//         vertical-align: -1px;
//       }
//       &:hover {
//         background-color: #b4bccc;
//         color: #fff;
//       }
//     }
//   }
// }
